<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/vue.js"></script>
</head>
<body>

<div id="app">
    <!--<com1 :prentmsg="msg"></com1>-->
    <mycall :ppmsg="msg"></mycall>
</div>


<script>
    // var vm = new Vue({
    //   el:"#app",
    //   data:{
    //     msg:"123---父组件的数据"
    //   },
    //   methods:{},
    //   components:{
    //     com1:{
    //       props:["prentmsg"],
    //       template:"<h1>这是私有组件{{prentmsg}}</h1>"
    //     }
    //   }
    // })
    new Vue({
      el:"#app",
      data(){
        return {
          msg:"我是父组件的数据"
        }
      },
      methods:{},
      components:{
      mycall:{
        props:["ppmsg"],
        //注意 在js中使用ppmsg   this.ppmsg
        template:"<h1>这是私有组件{{ppmsg}}</h1>"
      }
    }
    })
</script>
</body>
</html>